<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>账户充值</title>
    <!-- iconfont.css -->
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <!-- 引入公共css -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./dist/css/equally.min.css">
    <!-- 引入个性css -->
    <link rel="stylesheet" href="./dist/css/accountrecharge.min.css">
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col">
                    <i class="iconfont icon-gudingdianhua"></i>
                    <i class="phone">028-86261949</i>
                </div>
                <div class="col-md-auto">
                    <a href="./index.html"><span class="place">首页</span></a>
                </div>
                <div class="col-md-auto">
                    <a href="./landing.html"><span class="place">登录</span></a>
                </div>
                <div class="col-md-auto">
                    <a href="./ebroll.html"><span class="place">快速注册</span></a>
                </div>
                <div class="col-md-auto">
                    <a href="#"><span class="place">帮助</span></a>
                </div>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <main>
        <div class="intro">
            <div class="container">
                <div class="row">
                    <div class="col-sm-8 TheUserLogin">
                        <span><img src="./images/logo.png" alt=""></span>
                        <span>账户充值</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="Accountwithdrawal-synopsis">
                <h2>账户充值</h2>
                <p>1. 由于银行系统的限制，充值功能建议使用 IE 内核（IE8及以上）的浏览器。</p>
                <p>2. 请注意：为打击信用卡套现行为，充值资金必须经过投资回款后方能允许提现。</p>
            </div>
        </div>
        <div class="container">
            <div class="HideandShow">
                <div>
                    <span class="Onlinetop-up ">线上充值（第三方平台）</span>
                    <span class="Offlinetop-up">线下充值</span>
                </div>
                <!-- 线上充值（第三方平台） -->
                <div class="Onlinetop-upContent  latent">
                    系统暂不支持，请采用线下充值
                </div>
                <!-- 线下充值 -->
                <div class="Offlinetop-upContent">
                    <table class="table">
                        <thead class="bankname">
                            <tr>
                                <th scope="col ">银行名称</th>
                                <th scope="col">开户人姓名</th>
                                <th scope="col">银行帐号</th>
                                <th scope="col">开户行支行名称</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row" class="hidden1 ">银行</th>
                                <td>源代码</td>
                                <td>62170038233428412750</td>
                                <td>府城大道支行</td>
                            </tr>
                            <tr>
                                <th scope="row" class="hidden2">银行</th>
                                <td>源代码</td>
                                <td>6217003834411112750</td>
                                <td>成都天府新谷支行</td>
                            </tr>
                            <tr>
                                <th scope="row" class="hidden3">银行</th>
                                <td>源代码</td>
                                <td>6212303810028412750</td>
                                <td>成都高新天府大道支行</td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="step">
                        <div class="stepone">第一步:</div>
                        <div>请选择往以上一个账号汇款或转账您所要充值的金额（若您是跨行转账，推荐选择建行）。注：请保存您的交易记录信息。</div>
                        <div class="steptwo">第二步:</div>
                        <div>款或转账成功后，再选择你所汇款或转账的账号，并填写以下完整的信息后，提交您的线下充值申请。我们将会在下个工作日核对您的申请。</div>
                    </div>
                    <!-- <div class="row">
                        <div class="col-sm-8">
                            <select class="form-control" style="width: 480px;" name="bankInfo.id">
                                <option value="1">工商银行62170038233428412750(府城大道支行)</option>
                                <option value="2">农业银行6217003834411112750(成都天府新谷支行)</option>
                                <option value="3">招商银行6212303810028412750(成都高新天府大道支行)</option>
                            </select>
                        </div>
                        <div class="col-sm-3 bank">银行</div>
                    </div>
                    <div class="row">
                        <div class="col-10 row openingbankone">
                            <div class="col-2 ">
                                <div class="bank"> 交易号</div>
                            </div>
                            <div class="col-5">
                                <input class="form-control" name="bankName">
                            </div>
                        </div>
                        <div class="col-10 row openingbank">
                            <div class="col-2 ">
                                <div class="bank">充值时间</div>
                            </div>
                            <div class="col-5">
                                <input class="form-control" name="bankName">
                            </div>
                        </div>
                        <div class="col-10 row openingbank">
                            <div class="col-2 ">
                                <div class="bank">充值金额</div>
                            </div>
                            <div class="col-5">
                                <input class="form-control" name="bankName">
                            </div>
                        </div>
                        <div class="col-10 row openingbank ">
                            <div class="col-2 ">
                                <div class="bank">说明</div>
                            </div>
                            <div class="col-10">
                                <textarea style="resize: none;" class="form-control" name="note"></textarea>
                            </div>
                        </div>
                        <button type="button" class="btn btn-primary">确认提交</button>
                    </div> -->
                    <form class="recharge-form">
                        <p>请选择银行卡：
                            <select class="form-control" id="cardSelect">
                                <!-- <option value="111">111</option>
                                <option value="222">222</option>
                                <option value="333">333</option> -->
                            </select>
                        </p>
                        <p>充值金额：<input id="money" class="form-control" type="text"></p>
                        <p><button id="rechargeBtn" class="btn btn-primary" type="button">立即充值</button></p>
                    </form>
                </div>
            </div>
        </div>
    </main>
    <!-- 尾部 -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-sm-8 message">
                    <p>专业Java培训、PHP培训、Android培训机构</p>
                    <p> 版权所有： 2006-2015成都源代码教育咨询有限公司</p>
                    <p>地  址： 成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
                    <p>电  话： 028-86261949 / 400-808-6840  邮箱： yuandaima@itsource.cn</p>
                    <span class="ForReference"><a href="#">蜀ICP备14030149号-1</a><a href="#">蜀公网安备510114990541</a></span>
                </div>
                <div class="col-sm-2 ContactUs">
                    <span>官方微博：</span>
                    <img src="images/tecent.png" alt="">
                    <img src="images/sina.png" alt="">
                </div>
                <div class="col-sm-2 ContactUs">
                    <span>官方微信：</span>
                    <img src="images/wx.jpg" alt="">
                </div>
            </div>
        </div>
    </footer>
    <!-- jq -->
    <script src="./lib/jquery/jquery.js"></script>

    <!-- 个性js -->
    <script src="./js/accountrecharge.js"></script>
</body>

</html>